<template>
  <div id="app">
    <div :style="{ 'margin-bottom': 0 }">
      <keep-alive>
        <router-view v-if="$route.meta.keepAlive" />
      </keep-alive>
      <router-view v-if="!$route.meta.keepAlive" />
    </div>
    <tab-bar ref="tabbar"></tab-bar>
  </div>
</template>
<script>
import TabBar from './components/tab-bar/tab-bar.vue'
export default {
  data() {
    return {
      offsetHeight: '0px'
    }
  },
  components: {
    TabBar
  },
  mounted() {
    this.offsetHeight = this.$refs['tabbar'].$el.offsetHeight + 'px'
  }
}
</script>
<style lang="less">
@import url('./assets/css/style.css');
</style>
